<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>展开运算符</title>
</head>

<body>
  <script>
    const arr1 = [1, 2, 3]
    const arr2 = [4, 5, 6]
    console.log(...arr1);    //1,2,3
    // 展开运算符使用场景
    // 1.求数组最大值和最小值
    // 2.合并数组
    console.log(Math.max(...arr1));
    console.log(Math.min(...arr1));

    const arr = [...arr1, ...arr2]
    console.log(arr);

    /*
      动态参数  剩余参数  展开运算符
      1.动态参数和剩余参数只存在于函数里面
      2.展开运算符存在于数组中,且返回的是一个真数组,不会修改原数组
      3.动态参数返回的是一个伪数组
      4.剩余参数返回的是一个真数组
    */
  </script>
</body>

</html>